/**
 * 蒙古文多页内容
 * @param {string} className - 有内容的目标元素的 class（不带点 .）
 * @param {number} viewClass - 多页元素的 class（不带点.）
 * @param {number} [lineHeight=24] - 每列宽度（px）
 * @returns {string[]} 分割后的文本数组
 */
function mglBookPages(className, viewClass, lineHeight, padd) {
    // 获取内容元素
    const element = document.querySelector(`.${className}`);
    // 获取多页元素
    const view = document.querySelector(`.${viewClass}`);

    element.style.lineHeight = `${lineHeight}px`;

    let rows = Math.floor((view.clientWidth - padd) / lineHeight);
    view.style.lineHeight = (view.clientWidth - padd) / rows + 'px';

    // 计算最大宽度
    const maxWidth = lineHeight * rows;

    // 分割文本 
    const originalText = element.innerHTML.trim();
    const words = originalText.split(/\s+/);
    let currentLine = [];
    let lines = [];
    words.forEach((word) => {
        // 测试添加新单词后的宽度
        const testText = [...currentLine, word].join(" ");
        element.innerHTML = testText;

        if (element.scrollWidth > maxWidth) {
            // 如果当前行不为空，保存当前行并开始新行
            if (currentLine.length > 0) {
                lines.push(currentLine.join(" "));
                currentLine = [word];
            } else {
                // 如果当前行为空（单个词就超出宽度），直接添加这个词
                lines.push(word);
                currentLine = [];
            }
        } else {
            // 如果添加新单词后仍然在宽度限制内，添加到当前行
            currentLine.push(word);
        }
    });

    // 添加最后一行（如果有的话）
    if (currentLine.length > 0) {
        lines.push(currentLine.join(" "));
    }

    // 清空元素内容
    // element.innerHTML = "";

    return lines;
}